import Link from "next/link";
import { usePathname } from "next/navigation";

// 定义组件的 Props 类型
interface CustomLinkProps {
  href: string; // 指定 href 为字符串类型
  children: React.ReactNode; // 指定 children 为 React 节点类型
  active: string;
  [key: string]: any; // 允许传递其他任意属性
}

const CustomLink: React.FC<CustomLinkProps> = ({
  href,
  children,
  active,
  ...props
}) => {
  const pathname = usePathname();
  const isActive = pathname.startsWith(href); // 修改为判断 href 是否为 pathname 的子集
  console.log(href, isActive);

  return (
    <Link href={href} {...props} legacyBehavior>
      <a className={isActive ? active : ""}>{children}</a>
    </Link>
  );
};

export default CustomLink;
